:root {
  color-scheme: light dark;
 
}
*{
  box-sizing: border-box;
}
ul,li{
list-style: none;
}
.container{
  width: 100%;
  height: 100%;
}
.ellipsis {
  white-space: nowrap; /* 禁止文字换行 */
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  text-overflow: ellipsis; /* 使用省略号表示被隐藏的内容 */
}
/* 滚动条样式 */
.scroll {
  &::-webkit-scrollbar {
    width: 2px;
    height: 30px;
    background-color: transparent;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgb(219, 219, 219);
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: #999;
  }
}
@media (prefers-color-scheme: dark) {
  body { 
    --main-color:#41444B;
    --bgc:#1A120B;
    --vice-color:#3C2A21;
    --header:#D5CEA3;
    ---E5E5CB:#E5E5CB;
    --qianse:rgba(219, 219, 219, 0.3);
    color: var(---E5E5CB);
   }
}

@media (prefers-color-scheme: light) {
  body {
    width: 100%;
    height: 100%;
    --active: #30A9DE;
    --main-color:#41444B;
    --bgc:#1A120B;
    --vice-color:#3C2A21;
    --header:#D5CEA3;
    ---E5E5CB:#E5E5CB;
    --qianse:rgba(219, 219, 219, 0.3);
    color: var(---E5E5CB);
   }
}